<!DOCTYPE html>
<html lang="zh">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
  <meta name="keywords" content="select">
  <meta name="description" content="select">
  <title>生产企业信息编辑</title>
  <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-touch-fullscreen" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="default">
  <link rel="stylesheet" type="text/css" href="../css/materialdesignicons.min.css">
  <!-- 引入 bootstrap 样式 -->
  <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
  <!-- 校验样式 -->
  <link rel="stylesheet" type="text/css" href="../js/bootstrap-validator/bootstrapValidator.css">
  
  <link rel="stylesheet" type="text/css" href="../css/style.min.css">
  <link rel="stylesheet" type="text/css" href="../css/form.css">
  <!-- 弹窗样式 -->
  <link rel="stylesheet" type="text/css" href="../css/dialog.css">
  <link rel="stylesheet" type="text/css" href="../css/entInfoEdit.css">
</head>

<body>
  <div class="container-fluid p-t-15">

    <div class="card">

      <div class="container">
        <div class="page-title">生产企业信息编辑</div>

        <!-- 表单内容 -->
        <form id="formData" class="form-con">
          <div class="row">

            <div class="col-lg-6">
              <div class="el-form-item is-required">
                <div class="el-form-item__label">单位名称：</div>
                <div class="el-form-item__content form-group">
                  <input type="text" name="unitName" class="form-control mw-260" required data-bv-trigger="blur"
                    data-bv-notempty-message="单位名称不能为空" placeholder="请输入单位名称">
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item is-required">
                <div class="el-form-item__label">注册省份：</div>
                <div class="el-form-item__content form-group">
                  <input type="text" name="signProvince" class="form-control mw-260" required data-bv-trigger="blur"
                    data-bv-notempty-message="注册省份不能为空" placeholder="请输入注册省份">
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item is-required">
                <div class="el-form-item__label">经营场所：</div>
                <div class="el-form-item__content form-group">
                  <input type="text" name="businessPremises" class="form-control mw-260" required data-bv-trigger="blur"
                    data-bv-notempty-message="经营场所不能为空" placeholder="请输入经营场所">
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item is-required">
                <div class="el-form-item__label">法定代表人姓名：</div>
                <div class="el-form-item__content form-group">
                  <input type="text" name="personName" class="form-control mw-260" required data-bv-trigger="blur"
                    data-bv-notempty-message="法定代表人姓名不能为空" placeholder="请输入法定代表人姓名">
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item is-required">
                <div class="el-form-item__label">法定身份证号码：</div>
                <div class="el-form-item__content form-group">
                  <input type="text" name="personName" class="form-control mw-260" required data-bv-trigger="blur"
                    data-bv-notempty-message="法定身份证号码不能为空" placeholder="请输入法定身份证号码">
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item is-required">
                <div class="el-form-item__label">法人代表办公电话：</div>
                <div class="el-form-item__content form-group">
                  <div class="flex-box double-input mw-260">
                    <input type="text" name="personWorkPhone" class="form-control mw-80" required data-bv-trigger="blur"
                      data-bv-notempty-message="区域码不能为空" placeholder="xxxx">
                    <span>-</span>
                    <input type="text" name="personWorkPhone" class="form-control mw-260" required
                      data-bv-trigger="blur" data-bv-notempty-message="电话不能为空" placeholder="xxxxxxxx">
                  </div>
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item is-required">
                <div class="el-form-item__label">法人代表手机：</div>
                <div class="el-form-item__content form-group">
                  <input type="text" name="personPhone" class="form-control mw-260" required data-bv-trigger="blur"
                    data-bv-notempty-message="法人代表手机不能为空" placeholder="请输入法人代表手机">
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item is-required">
                <div class="el-form-item__label">单位电话：</div>
                <div class="el-form-item__content form-group">
                  <div class="flex-box double-input mw-260">
                    <input type="text" name="unitPhone" class="form-control mw-80" required data-bv-trigger="blur"
                      data-bv-notempty-message="区域码不能为空" placeholder="xxxx">
                    <span>-</span>
                    <input type="text" name="unitPhone" class="form-control" required data-bv-trigger="blur"
                      data-bv-notempty-message="电话不能为空" placeholder="xxxxxxxx">
                  </div>
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item">
                <div class="el-form-item__label">QQ：</div>
                <div class="el-form-item__content form-group">
                  <input type="text" name="qqNum" class="form-control mw-260" data-bv-trigger="blur"
                    data-bv-notempty-message="QQ不能为空" placeholder="请输入QQ">
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item">
                <div class="el-form-item__label">传真：</div>
                <div class="el-form-item__content form-group">
                  <input type="text" name="faxNum" class="form-control mw-260" data-bv-trigger="blur"
                    data-bv-notempty-message="传真不能为空" placeholder="请输入传真">
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item is-required">
                <div class="el-form-item__label">邮箱：</div>
                <div class="el-form-item__content form-group">
                  <input type="text" name="emailNum" class="form-control mw-260" required data-bv-trigger="blur"
                    data-bv-notempty-message="邮箱不能为空" placeholder="请输入邮箱">
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item is-required">
                <div class="el-form-item__label">邮箱：</div>
                <div class="el-form-item__content form-group">
                  <input type="text" name="emailNum1" class="form-control mw-260" required data-bv-trigger="blur"
                    data-bv-notempty-message="邮箱不能为空" placeholder="请输入邮箱">
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item is-required">
                <div class="el-form-item__label">统一社会信用代码：</div>
                <div class="el-form-item__content form-group">
                  <input type="text" name="creditCode" class="form-control mw-260" required data-bv-trigger="blur"
                    data-bv-notempty-message="统一社会信用代码不能为空" placeholder="请输入统一社会信用代码">
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item is-required">
                <div class="el-form-item__label">销售电话：</div>
                <div class="el-form-item__content form-group">
                  <div class="flex-box double-input mw-260">
                    <input type="text" name="salesCall" class="form-control mw-80" required data-bv-trigger="blur"
                      data-bv-notempty-message="区域码不能为空" placeholder="xxxx">
                    <span>-</span>
                    <input type="text" name="salesCall" class="form-control" required data-bv-trigger="blur"
                      data-bv-notempty-message="电话不能为空" placeholder="xxxxxxxx">
                  </div>
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item is-required">
                <div class="el-form-item__label">销售负责人：</div>
                <div class="el-form-item__content form-group">
                  <input type="text" name="salesPerson" class="form-control mw-260" required data-bv-trigger="blur"
                    data-bv-notempty-message="销售负责人不能为空" placeholder="请输入销售负责人">
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item">
                <div class="el-form-item__label">企业注册国家：</div>
                <div class="el-form-item__content">
                  <div id="signNation" class="xm-select-demo mw-260" style="width: 100%;"></div>
                  <span class="tip">*国外企业注册地输入注册国家中文名称</span>
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item is-required">
                <div class="el-form-item__label">销售负责人手机：</div>
                <div class="el-form-item__content form-group">
                  <input type="text" name="salesPersonPhone" class="form-control mw-260" required data-bv-trigger="blur"
                    data-bv-notempty-message="销售负责人手机不能为空" placeholder="请输入销售负责人手机">
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item is-required">
                <div class="el-form-item__label">注册地：</div>
                <div class="el-form-item__content form-group">
                  <input type="text" name="signPlace" class="form-control mw-260" required data-bv-trigger="blur"
                    data-bv-notempty-message="区域不能为空" placeholder="请输入区域">
                </div>
              </div>
            </div>

            <div class="col-lg-12">
              <div class="el-form-item">
                <div class="el-form-item__label">主要从业人员：</div>
                <div class="el-form-item__content form-group">
                  <div class="tip">*企业内从事营销、生产、研发等方面的管理人员</div>
                  <div class="personnel-list">

                    <div class="personnel-item">
                      <div class="p-item">
                        <img class="icon-img" src="../images/entInfoEdit/zg.png" alt="">
                        <span class="val">库斯</span>
                        <span class="f-c">（主管）</span>
                      </div>
                      <div class="p-item">
                        <img class="icon-img" src="../images/entInfoEdit/yhk.png" alt="">
                        <span class="val">140105133003078559</span>
                      </div>
                      <div class="p-item">
                        <img class="icon-img" src="../images/entInfoEdit/dh.png" alt="">
                        <span class="val">13734008601</span>
                      </div>
                      <div class="operate-btn">
                        <div class="p-item" data-toggle="modal" data-target="#dataAudit">
                          <img class="icon-img" src="../images/entInfoEdit/xg.png" alt="">
                          <span class="val f-c">修改</span>
                        </div>
                        <div class="p-item">
                          <img class="icon-img" src="../images/entInfoEdit/sc.png" alt="">
                          <span class="val f-c">删除</span>
                        </div>
                      </div>
                    </div>
                    <div class="personnel-item">
                      <div class="p-item">
                        <img class="icon-img" src="../images/entInfoEdit/zg.png" alt="">
                        <span class="val">库斯</span>
                        <span class="f-c">（主管）</span>
                      </div>
                      <div class="p-item">
                        <img class="icon-img" src="../images/entInfoEdit/yhk.png" alt="">
                        <span class="val">140105133003078559</span>
                      </div>
                      <div class="p-item">
                        <img class="icon-img" src="../images/entInfoEdit/dh.png" alt="">
                        <span class="val">13734008601</span>
                      </div>
                      <div class="operate-btn">
                        <div class="p-item" data-toggle="modal" data-target="#dataAudit">
                          <img class="icon-img" src="../images/entInfoEdit/xg.png" alt="">
                          <span class="val f-c">修改</span>
                        </div>
                        <div class="p-item">
                          <img class="icon-img" src="../images/entInfoEdit/sc.png" alt="">
                          <span class="val f-c">删除</span>
                        </div>
                      </div>
                    </div>
                    <div class="personnel-item">
                      <div class="p-item">
                        <img class="icon-img" src="../images/entInfoEdit/zg.png" alt="">
                        <span class="val">库斯</span>
                        <span class="f-c">（主管）</span>
                      </div>
                      <div class="p-item">
                        <img class="icon-img" src="../images/entInfoEdit/yhk.png" alt="">
                        <span class="val">140105133003078559</span>
                      </div>
                      <div class="p-item">
                        <img class="icon-img" src="../images/entInfoEdit/dh.png" alt="">
                        <span class="val">13734008601</span>
                      </div>
                      <div class="operate-btn">
                        <div class="p-item" data-toggle="modal" data-target="#dataAudit">
                          <img class="icon-img" src="../images/entInfoEdit/xg.png" alt="">
                          <span class="val f-c">修改</span>
                        </div>
                        <div class="p-item">
                          <img class="icon-img" src="../images/entInfoEdit/sc.png" alt="">
                          <span class="val f-c">删除</span>
                        </div>
                      </div>
                    </div>

                    <div class="personnel-item add-personnel" data-toggle="modal" data-target="#dataAudit" onclick="addPersonnel()">
                      <img class="add-img" src="../images/entInfoEdit/tj.png" alt="">
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="col-lg-12">
              <div class="el-form-item">
                <div class="el-form-item__label">承诺书：</div>
                <div class="el-form-item__content form-group">
                  <a class="look-promise" href="" target="_blank">查看承诺书</a>
                </div>
              </div>
            </div>

            <div class="col-lg-12">
              <div class="el-form-item">
                <div class="el-form-item__label">备注：</div>
                <div class="el-form-item__content form-group">
                  <textarea name="remark" class="form-control remark" draggable="false" rows="5"
                    placeholder=""></textarea>
                </div>
              </div>
            </div>

          </div>
        </form>

      </div>

      <div class="card-footer flex-box" style="z-index: 1;">
        <div class="operate-btn">
          <button class="btn btn-success" onclick="saveBtn()">保存</button>
          <button class="btn btn-outline-success" onclick="cancleBtn()">取消</button>
        </div>
      </div>
    </div>

  </div>

  <!-- 添加从业人员弹窗 -->
  <div class="modal fade dialog" id="dataAudit" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h6 class="modal-title" id="exampleModalLabel">添加从业人员</h6>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <form id="addForm" class="form-con">
            <div class="row" style="width: 100%;">
  
              <div class="col-lg-12">
                <div class="el-form-item is-required">
                  <div class="el-form-item__label">姓名：</div>
                  <div class="el-form-item__content form-group">
                    <input type="text" name="unitName" class="form-control mw-260" required data-bv-trigger="blur"
                      data-bv-notempty-message="姓名不能为空" placeholder="请输入姓名">
                  </div>
                </div>
              </div>
  
              <div class="col-lg-12">
                <div class="el-form-item is-required">
                  <div class="el-form-item__label">职务：</div>
                  <div class="el-form-item__content form-group">
                    <input type="text" name="job" class="form-control mw-260" required data-bv-trigger="blur"
                      data-bv-notempty-message="职务不能为空" placeholder="请输入职务">
                  </div>
                </div>
              </div>
  
              <div class="col-lg-12">
                <div class="el-form-item">
                  <div class="el-form-item__label p-r-10">
                    <div id="documentType" class="xm-select-demo" style="width: 100%;"></div>
                  </div>
                  <div class="el-form-item__content form-group">
                    <input type="text" name="job" class="form-control mw-260" required data-bv-trigger="blur"
                      data-bv-notempty-message="证件号不能为空" placeholder="请输入证件号">
                  </div>
                </div>
              </div>
  
              <div class="col-lg-12">
                <div class="el-form-item is-required">
                  <div class="el-form-item__label">联系方式：</div>
                  <div class="el-form-item__content form-group">
                    <input type="text" name="phoneNum" class="form-control mw-260" required data-bv-trigger="blur"
                      data-bv-notempty-message="手机号能为空" placeholder="请输入手机号">
                  </div>
                </div>
              </div>
  
            </div>
          </form>
        </div>
        <div class="modal-footer dialog-footer">
          <button type="button" class="btn btn-primary m-r-15">
            <span>确定</span>
          </button>
          <button type="button" class="btn btn-outline-primary" data-dismiss="modal">
            <span>取消</span>
          </button>
        </div>
      </div>
    </div>
  </div>

  <script type="text/javascript" src="../js/jquery.min.js"></script>
  <script type="text/javascript" src="../js/popper.min.js"></script>
  <script type="text/javascript" src="../js/bootstrap.min.js"></script>
  <!-- 校验js -->
  <script type="text/javascript" src="../js/bootstrap-validator/bootstrapValidator.js"></script>
  <script type="text/javascript" src="../js/main.min.js"></script>
  <!-- 下拉框 js -->
  <script type="text/javascript" src="../js/xm-select.js"></script>
  <!-- 正则校验 -->
  <script type="text/javascript" src="../utils/validator.js"></script>
  <!-- 图片预览 -->
  <script type="text/javascript" src="../utils/preview.js"></script>
  <!-- 弹窗 js -->
  <script type="text/javascript" src="../js/dialog.js"></script>
  <script type="text/javascript" src="../js/entInfoEdit.js"></script>
</body>

</html>